/*
 * ESMS Stylesheet
 *
 * These core styles are used by the ESMS Application
 */
   

  BODY	{
	   background-color:#FFFFFF;
	   font-family:Tahoma, Arial, Sans; 
	   font-size:9pt;
	   SCROLLBAR-FACE-COLOR:#274A8C; 
	   SCROLLBAR-HIGHLIGHT-COLOR:#BBEEBB; 
	   SCROLLBAR-SHADOW-COLOR:#172A50; 
	   SCROLLBAR-3DLIGHT-COLOR:#396AC7; 
	   SCROLLBAR-ARROW-COLOR:#7597D7; 
	   SCROLLBAR-TRACK-COLOR:#FFFFFF; 
	   SCROLLBAR-DARKSHADOW-COLOR: #000000;
	}

  BODY.DEV {
	   background-color:#F5C1CE;
	   font-family:Tahoma, Arial, Sans; 
	   font-size:9pt;
	   SCROLLBAR-FACE-COLOR:#274A8C; 
	   SCROLLBAR-HIGHLIGHT-COLOR:#BBEEBB; 
	   SCROLLBAR-SHADOW-COLOR:#172A50; 
	   SCROLLBAR-3DLIGHT-COLOR:#396AC7; 
	   SCROLLBAR-ARROW-COLOR:#7597D7; 
	   SCROLLBAR-TRACK-COLOR:#FFFFFF; 
	   SCROLLBAR-DARKSHADOW-COLOR:#000000;
	}

   A	{ color: #ffffff; font-weight: bold; }

   A:link	{ color: #FFFFFF; }
   A:visited	{ color: #FFFFFF; }
   A:active	{ color: #004400; }
   A:hover	{ color: #000000; }

   A.nodec  { text-decoration:none; }
   A.nodec:hover  { color: #000000; }

   A.changes  { color: #000000; font-weight: normal; text-decoration:none; }
   A.changes:hover  { color:#274A8C; }

   A.subNodec  { font-size:8pt; font-style:italic; text-decoration:none; }
   A.subNodec:hover  { color: #000000; }

   A.black { text-decoration:none; color:#274A8C; }
   A.black:hover  { color: #396AC7; }

   A.yellow { font-size:10pt; text-decoration:none; color:#ffffff; }
   A.yellow:hover  { color: #7597D7; }

   A.gray { font-size:10pt; text-decoration:none; color:#C0C0C0; }
   A.gray:hover	{ color: #000000; }

   HR { color: #172A50; background-color:#172A50; height:3px; width:90%; }
   HR.dotted { background:none; border:none; border-bottom: 3px dashed #172A50; }

   P.link { margin:1px; padding:0px 0px; text-decoration:none; cursor:pointer; font-weight:bold; color:#274A8C;}
   P.link:hover  { color: #396AC7; }

   P.blackLink { margin:1px; padding:0px 0px; text-decoration:none; cursor:pointer; font-weight:bold; color:#FFFFFF;}
   P.blackLink:hover  { color: #000000; }

   P.changeLink { margin:1px; padding:0px 0px; text-decoration:none; cursor:pointer; color:#172A50;}
   P.changeLink:hover  { color: #274A8C; }

   H1, H2, H3, H4, H5  { font-family: Arial, Verdana, sans-serif; font-weight: bold; }
   H1	{ font-size: 140%; color: #172A50; font-weight:bold; text-align:center; }
   H2	{ font-size: 120%; color: #274A8C; font-weight:bold; text-align:left; }
   H3	{ font-size: 110%; color: darkgray; font-weight:bold; text-align:left; }
   H4	{ font-size: 100%; color: darkgray; font-weight:bold; text-align:left; }

   TABLE.datatable { border-style:solid; border-color:#000000; border-width:2px; }
   TABLE.linktable { color: #ffffff; font-size:10pt; font-weight:bold; text-align:center;
				background-color:#396AC7; border-collapse:separate; border-style:solid; border-color:#274A8C; border-width:2px; }
   TABLE.center { margin-left:auto; margin-right:auto; }
   
   TR.tableheading { color: #ffffff; font-size:10pt; font-weight:bold; text-align:center; 
					background-color:#274A8C; }
   TR.blackheading { color: #ffffff; font-size:12pt; font-weight:bold; text-align:center; background-color:#000000; }
   TR.altrow { background-color:#edf0f3; }

   TD	{ font-family:Tahoma, Arial, Sans; font-size:9pt;  }
   TD.change { font-family:Tahoma, Arial, Sans; font-size:8pt; padding:0px 8px; }
   TD.data	{ font-family:Tahoma, Arial, Sans; font-size:9pt; border-style:solid; border-width:1px; padding:0px 8px;}
   TD.green { font-family:Tahoma, Arial, Sans; font-size:9pt; color:#FFFFFF; border-style:solid; background-color:#396AC7; border-width:2px; border-color:#274A8C; }
   TD.change { font-family:Tahoma, Arial, Sans; font-size:8pt; padding:0px 8px; text-align:center;}
   TD.printable { font-family:Tahoma, Arial, Sans; font-size:7pt; }
   TD.printable-heading { font-family:Tahoma, Arial, Sans; font-size:8pt; }

   TD.serverName { text-align:left; vertical-align:middle; font-family:Tahoma, Arial, Sans; font-size:9pt; border-style:solid; border-width:1px; border-color:#000000; padding-left:4px; }
   TD.serverNameCol { width:12em; }
   TD.serverIp { text-align:center; vertical-align:middle; font-family:Tahoma, Arial, Sans; font-size:9pt; border-style:solid; border-width:1px; border-color:#000000; }
   TD.serverIpCol { width:14em; }
   TD.serverOs { text-align:center; vertical-align:middle; font-family:Tahoma, Arial, Sans; font-size:9pt; border-style:solid; border-width:1px; border-color:#000000; }
   TD.serverOsCol { width:8em; }
   TD.serverPurpose { text-align:left; vertical-align:middle; font-family:Tahoma, Arial, Sans; font-size:9pt; border-style:solid; border-width:1px; border-color:#000000; padding-left:4px; }
   TD.serverPurposeCol { width:25em; }
   TD.serverRack { text-align:center; vertical-align:middle; font-family:Tahoma, Arial, Sans; font-size:9pt; border-style:solid; border-width:1px; border-color:#000000; }
   TD.serverRackCol { width:14em; }
   TD.serverBc { text-align:center; vertical-align:middle; font-family:Tahoma, Arial, Sans; font-size:9pt; border-style:solid; border-width:1px; border-color:#000000; }
   TD.serverBcCol { width:3em; }
   TD.serverSlot { text-align:center; vertical-align:middle; font-family:Tahoma, Arial, Sans; font-size:9pt; border-style:solid; border-width:1px; border-color:#000000; }
   TD.serverSlotCol { width:6em; }
   TD.serverAction { text-align:center; vertical-align:middle; font-family:Tahoma, Arial, Sans; font-size:9pt; border-style:solid; border-width:1px; border-color:#000000; }
   TD.serverActionCol { width:125px; }
   TD.ipAddr { text-align:center; vertical-align:middle; font-family:Tahoma, Arial, Sans; font-size:9pt; border-style:solid; border-width:1px; border-color:#000000; }
   TD.ipAddrAddressCol { width:14em; }
   TD.ipAddrHostnameCol { width:12em; }
   TD.ipAddrStatusCol { width:8em; }
   TD.ipAddrActionCol { width:8em; }
   TD.sw140wide { width:140px; }
   TD.sw45wide { width:45px; }
   TD.sw30wide { width:30px; }
   TD.sw25wide { width:25px; }
   TD.sw15wide { width:15px; }
   TD.sw8wide { width:8px; }

   BUTTON { padding:5px 10px 6px 7px; }

   .inputform { color: #ffffff; background-color:#274A8C; font-weight:bold; text-align:right; }
   
   .POPUPDATA { background-color:#bdcebd; }
   .ERROR { color:red; font-size:10pt; font-weight:bold; text-align:center; }
	
   .center { text-align:center; margin-left:auto; margin-right:auto; }
   .left { text-align:left; margin-left:5px; margin-right:auto; }
   .right { text-align:right; margin-left:auto; margin-right:5px; }
   .justify { text-align:justify; }

   .top { vertical-align:top; }
   .bottom { vertical-align:bottom; }
   .middle { vertical-align:middle; }

   .bold  { font-weight:bold; }
   .italic { font-style:italic; }
   .underline { text-decoration:underline; }
   .strike { text-decoration:line-through; }

   .smaller { font-size:80%; }

   .margin { margin-left: 2cm; }

   .thinBorder { border-style:solid; border-width:1px; }
   .noBorder { border-style:none; }

   .content {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #6188D2; }

   .hiddencol  { display:none; }
   .viscol  { display:block; }

   .errorLine { color:red; }
   .errorBox { background-color:red; color:white;}
   .statusLine { color:blue; }

   .heading1   { font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 140%; color: #172A50; font-weight:bold; text-align:center; }
   .heading2	{ font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 120%; color: #274A8C; font-weight:bold; text-align:left; }
   .heading3	{ font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 110%; color: darkgray; font-weight:bold; text-align:left; }
   .heading4	{ font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 100%; color: darkgray; font-weight:bold; text-align:left; }
   .intakeHeading { font-style:italic; font-size:14px; color:#7597D7; background-color:#274A8C; font-weight:bold; text-align:left; }

   .darkColorFill { background-color:#172A50; color:#7597D7; }
   .medColorFill {background-color:#274A8C; }
   .lightColorFill { background-color:#396AC7; color:#FFFFFF; }
   .paleColorFill { background-color:#7597D7; }
   .altRowFill { background-color:#B1C4E8; }
   .whiteRowFill { background-color:#FFFFFF; }

   .darkColor { color:#172A50; }
   .medColor { color:#274A8C; }
   .lightColor {color:#396AC7; }
   .paleColor { color:#7597D7; }
   .whiteText { color:#FFFFFF; }

   .txtAlignTopLeft { text-align:left; vertical-align:top; }
   .txtAlignTopRight { text-align:right; vertical-align:top; }
   .txtAlignTopCenter { text-align:center; vertical-align:top; }
   .txtAlignBottomLeft { text-align:left; vertical-align:bottom; }
   .txtAlignBottomRight { text-align:right; vertical-align:bottom; }
   .txtAlignBottomCenter { text-align:center; vertical-align:bottom; }
   .txtAlignMiddleLeft { text-align:left; vertical-align:middle; }
   .txtAlignMiddleRight { text-align:right; vertical-align:middle; }
   .txtAlignMiddleCenter { text-align:center; vertical-align:middle; }

   .imgAlignTopLeft { margin-left:5px; margin-right:auto; vertical-align:top; }
   .imgAlignTopRight { margin-left:auto; margin-right:5px; vertical-align:top; }
   .imgAlignTopCenter { margin-left:auto; margin-right:auto; vertical-align:top; }
   .imgAlignBottomLeft { margin-left:5px; margin-right:auto; vertical-align:bottom; }
   .imgAlignBottomRight { margin-left:auto; margin-right:5px; vertical-align:bottom; }
   .imgAlignBottomCenter { margin-left:auto; margin-right:auto; vertical-align:bottom; }
   .imgAlignMiddleLeft { margin-left:5px; margin-right:auto; vertical-align:middle; }
   .imgAlignMiddleRight { margin-left:auto; margin-right:5px; vertical-align:middle; }
   .imgAlignMiddleCenter { display: block; margin-left: auto; margin-right: auto; margin-top:auto; margin-bottom:auto; }

   .imgBigPadded { padding:25px 75px; }
   .padded { padding:5px 10px 5px 10px;  }

   .menuSeparator { background-color:#172A50; text-align:center; color:#7597D7; font-weight:bold; width:155px; }
   .menuItem { margin-left:1px;display:inline-block; width:140px; }
   .menuIcon { margin-right:1px; }

   #container { clear:both; width:850px }
   #popContainer { clear:both; width:100% }
   #header { background-color:#FFFFFF; height:100px; width:100%; }

   #popHeader { clear:both; text-align:center; }
   #popHeaderBox1 { height:15px; width:5%; position:absolute; left:0px; text-align:left; vertical-align:top; background-color:inherit; color:inherit; }
   #popHeaderBox1 img { text-align:left; vertical-align:top; }
   #popHeaderBox2 { height:15px; width:90%; position:absolute; left:5%; text-align:center; vertical-align:middle; background-color:inherit; color:inherit; }
   #popHeaderBox3 { height:15px; width:5%; position:absolute; left:95%; text-align:right; vertical-align:top; background-color:inherit; color:inherit; }
   #popHeaderBox3 img { text-align:right; vertical-align:top; }

   #gradientBox {	height:100px; 
					width:170px; 
					position:absolute; 
					left:20px; 
					top:0px;
					text-align:center;
					vertical-align:middle;
					/* IE10 Consumer Preview */ 
					background-image: -ms-linear-gradient(right, #7597D7 0%, #172A50 100%);

					/* Mozilla Firefox */ 
					background-image: -moz-linear-gradient(right, #7597D7 0%, #172A50 100%);

					/* Opera */ 
					background-image: -o-linear-gradient(right, #7597D7 0%, #172A50 100%);

					/* Webkit (Safari/Chrome 10) */ 
					background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #7597D7), color-stop(1, #172A50));

					/* Webkit (Chrome 11+) */ 
					background-image: -webkit-linear-gradient(right, #7597D7 0%, #172A50 100%);

					/* W3C Markup, IE10 Release Preview */ 
					background-image: linear-gradient(to left, #7597D7 0%, #172A50 100%);
		}
   #gradientBox img { margin-top:0px; margin-left:0px; }

   #bannerBox1 { height:100px; width:20px; position:absolute; left:0px; top:0px; }
   #bannerBox2 img { margin-top:0px; margin-left:0px; }
   #bannerBox2 { height:100px; width:65px; position:absolute; left:20px; top:0px; text-align:center; vertical-align:middle; }
   #bannerBox2 img { margin-top:25px; margin-left:10px; }
   #bannerBox3 { height:100px; width:75px; position:absolute; left:85px; top:0px; }
   #bannerBox4 { height:100px; width:30px; position:absolute; left:160px; top:0px; }

   #bannerBox5 { height:100px; width:480px; position:absolute; left:190px; top:0px; margin-left:5px; }
   #bannerBox6 { height:100px; width:80px; position:absolute; left:670px; top:0px; background-image:url('./img/circles.gif');}
   #bannerBox6 img { margin-top:45px; }
   #bannerBox7 { height:100px; width:100px; position:absolute; left:750px; top:0px; text-align:left; margin-top:10px; vertical-align:middle; }

   #banner5TitleLinks { font-size:.8em; font-family:verdana, arial; }
   #banner5TitleLinks a { color:#274A8C; font-size:1em; font-family:verdana, arial; font-weight:bold;  }
   #banner5TitleLinks a:hover { text-decoration:none; color: #7597D7;  }
   #banner7TitleLinks { font-size:.8em; font-family:verdana, arial; }
   #banner7TitleLinks a { color:#274A8C; font-size:1em; font-family:verdana, arial; font-weight:bold;  }
   #banner7TitleLinks a:hover { text-decoration:none; color: #7597D7;  }

   #systemTitleText {  font-family:'Trebuchet MS',sans-serif; font-size:2.6em; letter-spacing:-2px; line-height:1em; word-spacing:-1px; text-shadow: 2px 2px 2px #989898 ; }
   #localization { font-size:.8em; font-family:verdana, arial; font-weight:bold; color:#999999; }

   #stripe { height:15px; width:100%; text-align:right; vertical-align:bottom; }
   #stripe img { text-align:right; vertical-align:top; }

   #appMenu { padding-left:2px; }
   #adminMenu { padding-left:2px; }
   #menu { width:160px; float:left; min-height:500px; height:100%; }
   #menuEnd1 { height:15px; width:20px; position:absolute; left:0px; text-align:left; vertical-align:top; background-color:#396AC7; color:inherit; }
   #menuEnd2 { height:15px; width:140px; position:absolute; left:20px; text-align:center; vertical-align:middle; background-color:#396AC7; color:inherit; }
   #menuEnd3 { height:15px; width:20px; position:absolute; left:140px; text-align:right; vertical-align:top; background-color:#396AC7; color:inherit; }

   #dcSelect { margin-left:4px; }

   #content { background-color:#FFFFFF; padding:5px 5px 5px 165px;}
   #popContent { background-color:#FFFFFF; padding:15px 5px 5px 5px;}

   #footer { clear:both; text-align:center; }
   #footerBox1 { height:15px; width:20px; position:absolute; left:0px; text-align:left; vertical-align:bottom; background-color:inherit; color:inherit; }
   #footerBox2 { height:15px; width:810px; position:absolute; left:20px; text-align:center; vertical-align:middle; background-color:inherit; color:inherit; }
   #footerBox3 { height:15px; width:20px; position:absolute; left:830px; text-align:right; vertical-align:bottom; background-color:inherit; color:inherit; }

   #popFooter { clear:both; text-align:center; }
   #popFooterBox1 { height:15px; width:5%; position:absolute; left:0px; text-align:left; vertical-align:bottom; background-color:inherit; color:inherit; }
   #popFooterBox1 img { text-align:left; vertical-align:bottom; }
   #popFooterBox2 { height:15px; width:90%; position:absolute; left:5%; text-align:center; vertical-align:middle; background-color:inherit; color:inherit; }
   #popFooterBox3 { height:15px; width:5%; position:absolute; left:95%; text-align:right; vertical-align:bottom; background-color:inherit; color:inherit; }
   #popFooterBox3 img { text-align:right; vertical-align:bottom; }


   #versionTag { height:15px; width:100%; font-size:.8em; font-family:verdana, arial; color:#C0C0C0; text-align:center; vertical-align:middle; }
   #titleSpan { font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 140%; color: #172A50; font-weight:bold; text-align:center; }
   
   #adAuthLogonBox { position:absolute; top:240px; left:415px; width:170px; padding:10px 10px; }
 
